<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号-注册</title>
    <!-- 引入重置样式表样式表 -->
    <link rel="stylesheet" href="../lib/css/reset.css">
    <!-- 引入字体图标样式表 -->
    <script src="../lib/fonts/iconfont.js"></script>
    <!-- 引入注册页样式表 -->
    <link rel="stylesheet" href="../css/register.css">
    <!-- 引入库axios -->
     <script src="../lib/js/axios.min.js"></script>
</head>

<body>
    <div id="wrapper">
        <!-- 左侧图片 -->
        <div id="sidebar">
            <img src="https://cdn.web-global.fds.api.mi-img.com/mcfe--mi-account/static/static/media/banner.5b1efcd8.jpg"
                alt="">
        </div>
        <!-- 右侧登录部分 -->
        <div id="main">
            <!-- 顶部 -->
            <div id="header">
                <div><img src="../static/images/bdd9960eca7833e3d2260fc9432f7e26.png" alt="">小米账号</div>
                <ul>
                    <li>用户协议</li>
                    <li>隐私政策</li>
                    <li>帮助中心</li>
                </ul>
            </div>
            <form action="#" autocomplete="off">
                <ul >
                    <li  id="login"><a href="../pages/login.html">登录</a></li>
                    <li id="register" class="active"><a href="../pages/register.html">注册</a></li>
                </ul>
                       
                <input type="text" name="username" placeholder="邮箱/手机号/小米id" autocomplete="off">
                <p class="username_msg"></p>
                <input type="password" name="password" placeholder="密码" autocomplete="off">
                <p class="psd_msg"></p>
                <input type="text" name="headerimg" placeholder="头像" autocomplete="off">
                <p class="headerimg_msg"></p>
                <!-- <input type="text" name="nick" placeholder="昵称" autocomplete="off">  -->
                <!-- <input type="text" name="createtime" placeholder="注册时间" autocomplete="off">  -->
                   <div class="vcodebox"> <input type="text" class="vcode" placeholder="验证码" /><span class="code" title="看不清，换一张" onclick="user.changeVcode()"></span></div>
                    <p class="code_msg"></p>    
                <label for="agree">
                    <input type="checkbox" name="agree" id="agree">已阅读并同意小米账号<span>用户协议</span>和<span>隐私政策</span>
                </label>
                <button type="submit" disabled>注册</button>
                <h6>其他方式登录</h6>
                <div>
                    <a href="#"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin1"></use>
                      </svg></a>
                    <a href="#"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhifubao1"></use>
                      </svg></a></a>
                    <a href="#"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-QQ1"></use>
                      </svg></a></a>
                    <a href="#"><svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibo1"></use>
                      </svg></a></a>
                </div>
            </form>
            <div class="copyright">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</div>
        </div>
    </div>
    <script src="../js/register.js"></script>
</body>
</html>
                   